<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>{{title}}</title>
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0,maximum-scale=1.0"/>
    <link rel="stylesheet" href="/static/css/mainPage.min.css?v=15701" type="text/css">
</head>
<body id="body">
<div class="uk-hidden-small">
    <div data-uk-sticky="{top:10}" class="uk-visible-hover" style=" height:60px;z-index: 99;float: left;">
        <a class="uk-slidenav uk-icon-navicon " style="font-size: 30px;" data-uk-offcanvas="{target:'#my-id'}"></a><br>
        <a href="#body" style="font-size: 30px;" class="uk-slidenav uk-icon-chevron-up uk-hidden"
           data-uk-smooth-scroll></a>
    </div>
</div>
<div class="uk-visible-small">
    <div data-uk-sticky="{top:10}" style="height:38px;z-index: 99">
        <a href="#" class="smal-nav uk-icon-navicon" data-uk-toggle="{target:'.small-bar'}"></a>
        <a href="/" class="smal-nav uk-icon-home small-bar uk-hidden"></a>
        <a href="#body" class="smal-nav small-bar uk-icon-chevron-up uk-hidden" data-uk-smooth-scroll></a>
    </div>
</div>

<div id="art" class="art uk-width-small-10-10 uk-width-medium-1-2 uk-container-center ">
    <div class="art_title" data-uk-scrollspy="{cls:'uk-animation-fade' ,delay:100, repeat: true}">
        <h1>{{title}}</h1>

        <div class="meta">
            <span>字数{{count}}</span>
            <span>阅读{{read_count}}</span>
            <span>评论<span id="comments_count">0</span></span>
            <span>喜欢<span id="like_count">0</span></span>
            <span>转发<span id="repost_count">0</span></span>
        </div>
    </div>
    <div id="art_content_div" class="art_content"
         data-uk-scrollspy="{cls:'uk-animation-fade' ,delay:100, repeat: true}">
        {% raw html %}
    </div>
    <div class="uk-grid auth-box">
        <!--<div class="uk-width-small-2-5 auth-line"></div>-->
        <div class="uk-width-medium-1-5 uk-container-center" style="text-align:center;">
            <a href="/">
                <div class="avatar">
                    <img src="{{ headico }}" class="small-1-3"
                         onerror="$(this).parent().remove()">
                </div>
            </a>
            <div class="auth-name">{{ auth_name }}</div>

        </div>
        <!--<div class="uk-width-small-2-5 auth-line"></div>-->
    </div>
    <!-- 多说评论框 start -->
    <div class="ds-thread" data-thread-key="{{hash_id}}" data-title="{{title}}" data-url="">

    </div>
    <!-- 多说评论框 end -->
</div>

<div id="my-id" class="uk-offcanvas">
    <div class="uk-offcanvas-bar">
        <ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav>
            <div class="uk-panel">
                <li><a href="/"><i class="uk-icon-home"></i> 主页</a></li>
            </div>
            <div id="index_list" class="uk-panel">文章索引</div>
        </ul>
    </div>
</div>


<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
    var duoshuoQuery = {short_name: "zhusun"};
    (function () {
        var ds = document.createElement('script');
        ds.type = 'text/javascript';
        ds.async = true;
        ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
        ds.charset = 'UTF-8';
        (document.getElementsByTagName('head')[0]
        || document.getElementsByTagName('body')[0]).appendChild(ds);
    })();
</script>
<!-- 多说公共JS代码 end -->


<!--<script type="text/javascript" src="/static/js/mainLib.min.js"></script>-->
<script type="text/javascript" src="/static/js/mainPage.min.js?v=92"></script>


</body>
</html>